<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/Shopping.css">
    <title>Document</title>
</head>
<body>
    <header>
        <a href=""><img src="./img/xz.png" alt=""></a>
        <span>购物车</span>
        <a href=""><img src="./img/search.png" alt=""></a>
    </header>
    <div class="nologin"><a href=""><span>登录后享受更多优惠</span><em>去登录</em></a></div>
    <div class="noitems"><a href=""><img src="./img/shop.png" alt=""><span>购物车还是空的</span><div class="content"><em>去逛逛</em></div></a></div>
    <div class="top-img"><img src="./img/e95ade2750a7fde92369b416c7d3176d.jpg" alt=""></div>
    <main class="clearfix">
        <div class="goods-items">
            <a href="">
                <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <span>￥298</span>
                </div>
            </a>
        </div>
        <div class="goods-items">
            <a href="">
                <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <span>￥298</span>
                </div>
            </a>
        </div>
        <div class="goods-items">
            <a href="">
                <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <span>￥298</span>
                </div>
            </a>
        </div>
        <div class="goods-items">
            <a href="">
                <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <span>￥298</span>
                </div>
            </a>
        </div>
        <div class="goods-items">
            <a href="">
                <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <span>￥298</span>
                </div>
            </a>
        </div>
        <div class="goods-items">
            <a href="">
                <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <span>￥298</span>
                </div>
            </a>
        </div>
        <div class="goods-items">
            <a href="">
                <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <span>￥298</span>
                </div>
            </a>
        </div>
        <div class="goods-items">
            <a href="">
                <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <span>￥298</span>
                </div>
            </a>
        </div>
        <div class="goods-items">
            <a href="">
                <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <span>￥298</span>
                </div>
            </a>
        </div>
        <div class="goods-items">
            <a href="">
                <img src="./img/bdeb112cc683ea56dead55806cb78a55.jpg" alt="">
                <div class="goods-info">
                    <p>米家直流变频落地扇1X</p>
                    <span>￥298</span>
                </div>
            </a>
        </div>

       
    </main>
    <footer>
        <a href="http://tang-ertai.gitee.io/xiaomi-mall-mobile-terminal/小米商城.html"><i class="iconfont">&#xe661;</i><span>首页</span></a>
        <a href=""><i class="iconfont">&#xe71b;</i><span>分类</span></a>
        <a href=""><i class="iconfont">&#xe721;</i><span>星球</span></a>
        <a href="http://tang-ertai.gitee.io/xiaomi-mall-mobile-terminal/Shopping.html"><i class="iconfont">&#xf1e3;</i><span>购物车</span></a>
        <a href="http://tang-ertai.gitee.io/xiaomi-mall-mobile-terminal/Me.html"><i class="iconfont">&#xe610;</i><span>我的</span></a>
    </footer>
</body>
</html>